<template>
	<div>
		<el-table :data="tableData" style="width: 100%">
			<el-table-column prop="orderId" label="订单号">
			</el-table-column>
			<el-table-column prop="time" label="时间">
				<template #default="scope">
					<div class="pt-10px pb-10px flex items-center">
						<span class="text-[#000000] text-[14px] font-[400]">{{ scope.row.time }}</span>
					</div>
				</template>
			</el-table-column>
			<el-table-column prop="methods" label="类型">
			</el-table-column>
			<el-table-column prop="income" label="收支类型">
			</el-table-column>
			<el-table-column prop="sum" label="总额">
			</el-table-column>
			<el-table-column prop="tradeClass" label="资产总类">
			</el-table-column>
			<el-table-column prop="contract" label="合约">
			</el-table-column>
		</el-table>
	</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const tableData = ref<any[]>([
	{
		orderId:'1252521526',
		time: '2025-02-02 12:25:25',
		methods:'划转',
		income:'收入',
		sum:'-5.384010',
		tradeClass:'USDT',
		contract:'BTC/USDT'
	},
	{
		orderId:'1252521526',
		time: '2025-02-02 12:25:25',
		methods:'保证金',
		income:'支出',
		sum:'-5.384010',
		tradeClass:'USDT',
		contract:'BTC/USDT'
	},
	{
		orderId:'1252521526',
		time: '2025-02-02 12:25:25',
		methods:'平仓手续费',
		income:'收入',
		sum:'-5.384010',
		tradeClass:'USDT',
		contract:'BTC/USDT'
	},
	{
		orderId:'1252521526',
		time: '2025-02-02 12:25:25',
		methods:'平仓手续费',
		income:'收入',
		sum:'-5.384010',
		tradeClass:'USDT',
		contract:'BTC/USDT'
	}
])

</script>

